$(function() {
    var layer = layui.layer
    getUserInfo()

    $('.logOut').on('click', function() {
        layer.confirm('确认退出登录?', { icon: 3, title: '提示' }, function(index) {
            //do something
            localStorage.removeItem('token')
            location.href = '/login.html'
            layer.close(index)
        });
    })

    //获取用户基本信息
    function getUserInfo() {
        $.ajax({
            method: 'GET',
            url: '/my/userinfo',
            // headers: {
            //     Authorization: localStorage.getItem('token')
            // },
            success: function(res) {
                // console.log(res);
                if (res.status !== 0) return layer.msg('获取用户信息失败!')
                renderAvatar(res.data)
            },
            complete: function(res) {
                if (res.responseJSON.status === 1 && res.responseJSON.message === "身份认证失败") {
                    localStorage.removeItem('token')
                    location.href = '/login.html'
                }
            }
        })
    }

    function renderAvatar(user) {
        var name = user.nickname || user.username
        $('.welcome').html('欢迎&nbsp;&nbsp;' + name)
        if (user.user_pic !== null) {
            //渲染头像
            $('.layui-nav-img').attr('src', user.user_pic).show()
            $('.text-avatar').hide()
        } else {
            //渲染文字头像
            $('.layui-nav-img').hide()
            var first = name[0].toUpperCase()
            $('.text-avatar').html(first).show()
        }

    }
})